<template>
  <div>
    <Layout>
      <Banner />
      <Scenes/>
    </Layout>
  </div>
</template>

<script>
import Layout from '/@/components/layout/Layout.vue'
import Banner from '../components/Banner.vue'
import Scenes from '../components/home/Scenes.vue'
export default {
  name: 'Home',
  components: {Layout,Banner, Scenes},
  setup(){
  }
}
// import {defineProps, onMounted, reactive, ref} from 'vue'
//
// defineProps({
//   msg: String
// })
// // 基本数据类型那个ref,偶尔,引用数据类型也用ref,num.value = 2
// const num = ref(1)
// // 引用类型数据用reactive
// const state = reactive({ count: 0 })
// console.log('setup')
// num.value = 2
// const setNum = ()=>{
//
// }
// onMounted(()=>{
//   console.log('onMounted')
// })
</script>

<style scoped>
a {
  color: #42b983;
}
</style>
